<!-- <template>
    <div>
        <nav class="list">
            <ul>
                <li>
                    <i></i>
                    <p>Home</p>
                </li>
                <li>
                    <i></i>
                    <p>Browse</p>
                </li>
                <li>
                    <i></i>
                    <p>Wishlist</p>
                </li>
                <li>
                    <i></i>
                    <p>Profile</p>
                </li>
            </ul>
        </nav>
    </div>
</template>
<style>
.list{
            width: 100%;
            height: 100%;
            background-color: red;
            ul{
                display: flex;
                justify-content: space-around;
            }
        }
</style> -->